<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text">
<input type="button" value="按钮">
<div></div>
<div></div>
<div></div>
<ul>
    <li>刘备</li>
    <li>关羽</li>
    <li>张飞</li>
</ul>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    //修改文本框内容
    $("input:first").val("内容被修改了");
    //获取文本框的值
    alert($("input:first").val());
    $("li:first").text("悟空")
    $("li:last").text("沙僧")
    $("li:eq(1)").text("八戒")
    //$=jQuery   text()等效innerText
    //$("div")这是jQuery中的选择器 得到的是一个数组里面装着多个标签对象
    //当调用text方法时 内部会自动遍历数组中的标签,并设置文本内容
    $("div").text("引入成功");
</script>
</body>
</html>